<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>产品详细列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="../include/cssheader.jsp"%>
</head>
<body>
	<c:set var="product_list_selected" value="menu-selected" />
	<c:set var="title" value="${company.name }"/>
	<c:set var="information" value="${company.description }"/>
	<!-- black line from top -->
	<div class="header-blackLine"></div>
	<div class="container">
		<%@include file="../include/header.jsp"%>
	</div>
	<!-- /.container -->
	<%@include file="../include/header-bar.jsp"%>
	<div class="container">
		<div class="row">
			<!-- #content -->
			<div id="content" class="span9">
				<!-- .post -->
				<article class="post">
					<!-- .entry-header -->
					<header class="entry-header" style="position: relative;">
						<div class="entry-meta-left">
							<div class="entry-date-wrap">
								<span href="#" rel="bookmark"> <time class="entry-date"
										datetime="${product.product.gmtCreate }" pubdate=""
									>
										${product.product.gmtCreate.date}<br>${product.product.gmtCreate.month + 1 }
									</time> </span>
							</div>
							<div class="entry-commnts"></div>
						</div>
						<hgroup>
							<h3 class="entry-title">
								<div class="image-wrap">
									<a href="${product.product.images }"> <img
										src="${product.product.images }&width=460&height=253" class="img-polaroid"
									/> </a>
								</div>
								<span rel="bookmark">${product.product.name }</span>
							</h3>
						</hgroup>
						<div class="entry-meta">
							<span class="tag-links"> <c:forEach items="${product.attrs }" var="attr">
									<span rel="tag">${attr.value }</span>
								</c:forEach> </span>
						</div>
					</header>
					<!-- .entry-content -->
					<div class="entry-content">
						<p>
						<h4>产品属性</h4>
						<c:forEach items="${product.attrs }" var="attr">
							<span class="tag">${attr.name }</span>: <span class="text-info">${attr.value }</span>
							<br />
						</c:forEach>
						</p>
						<p>
						<h4>产品概要描述</h4>
						${product.product.description }
						</p>
						<p>
						<h4>产品详细描述</h4>
						${product.productInfo.info }
						</p>
					</div>
				</article>
				<!-- /.post -->
			</div>
			<!-- /#content -->
			<!-- #sidebar -->
			<div id="sidebar" class="span3 widget-area">
				<!-- .widget_categories -->
				<aside class="widget widget_categories">
					<h3 class="widget-title">
						<a href="${contextPath }/${company.id}/${company.nameEn}.do">${company.name }</a>
					</h3>
					<p>${company.description }</p>
				</aside>
				<c:forEach items="${company.pgs }" var="pg">
					<aside class="widget widget widget_text">
						<h4 class="widget-title">${pg.name }</h4>
						<c:forEach items="${pg.items }" var="item">
							<c:choose>
								<c:when test="${!empty item.properties }">
									<ul>
										<c:forEach items="${item.properties }" var="property">
											<li>${property.key }: ${property.value }</li>
										</c:forEach>
									</ul>
								</c:when>
								<c:otherwise>
									<p>${item.name }: ${item.value }</p>
								</c:otherwise>
							</c:choose>
						</c:forEach>
					</aside>
				</c:forEach>
			</div>
			<!-- /#sidebar -->
		</div>
		<!-- /row -->
	</div>
	<!-- /container -->
	<!-- footer -->
	<%@include file="../include/footer.jsp"%>
	<%@include file="../include/jsfooter.jsp"%>
</body>
</html>